<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ol>
			<li>我是li1</li>
			<li>我是li2</li>
			<li>我是li3</li>
			<li>我是li4</li>
		</ol>
		<script type="text/javascript">
			var ol = document.querySelector("ol");
			//1.firstChild第一个子节点，不管是文本还是元素节点
			console.log(ol.firstChild);
			console.log(ol.lastChild);
			//2.firstElementChild第一个子元素节点 IE9以上才支持
			console.log(ol.firstElementChild);
			console.log(ol.lastElementChild);
			//3。实际开发的写法，既没有兼容性问题，有返回第一个节点
			console.log(ol.children[0]);
			console.log(ol.children[ol.children.length - 1]);
		</script>
	</body>
</html>
